* {
  margin : 0;
  padding: 0;
}

html,
body {
  width             : 100%;
  height            : 100%;
  background        : url('/assets/images/login_bg.jpg')no-repeat top center / cover;
  // background-size: cover;
}

.header {
  padding-top: 20px;
}

.login-reg {
  position        : fixed;
  top             : 50%;
  left            : 50%;
  transform       : translate(-50%, -50%);
  width           : 400px;
  height          : 310px;
  background-color: #fff;

  .title-box {
    height    : 60px;
    background: url('/assets/images/login_title.png')no-repeat center center;
  }

  .layui-form {
    padding: 0 30px;

    a {
      font-size: 12px;
    }

    //字体图标
    .layui-form-item {
      position: relative;

      .layui-icon {
        position: absolute;
        top     : 10px;
        left    : 10px;
      }

      .layui-input {
        padding-left: 32px;
      }
    }

  }
}